<!DOCTYPE html>
<html>
  <head>
	<title></title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/example.css">
  </head>
  <body>
	<div id="outer">
	  <div id="inner">tryhf gjgdt ghhft</div>
	  <div class="tag">tttt</div>
	  <div class="tip tip-zhi-top">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-jian-top">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-dun-top">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果一
	  </div>
	  <div class="tip tip-pao-top">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS3 border-radius实现气泡对话框效果
	  </div>
	  <div class="tip tip-zhi1-top">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果二
	  </div>
	  <div class="tip tip-zhi-right">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-jian-right">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-dun-right">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果一
	  </div>
	  <div class="tip tip-pao-right">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS3 border-radius实现气泡对话框效果
	  </div>
	  <div class="tip tip-zhi1-right">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果二
	  </div>
	  <div class="tip tip-zhi-bottom">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-jian-bottom">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-dun-bottom">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果一
	  </div>
	  <div class="tip tip-zhi1-bottom">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果二
	  </div>
	  <div class="tip tip-pao-bottom">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS3 border-radius实现气泡对话框效果
	  </div>
	  <div class="tip tip-zhi-left">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-jian-left">
		<span class="tail-bottom"></span>
		边框法实现底部90度尖角对话框
	  </div>
	  <div class="tip tip-dun-left">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果一
	  </div>
	  <div class="tip tip-pao-left">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS3 border-radius实现气泡对话框效果
		CSS3 border-radius实现气泡对话框效果
		CSS3 border-radius实现气泡对话框效果
		CSS3 border-radius实现气泡对话框效果
	  </div>
	  <div class="tip tip-zhi1-left">
		<span class="tail-bottom"></span>
		<span class="tail-top"></span>
		CSS “边框法”实现气泡对话框效果二
	  </div>
	  <button type="button"></button>
	</div>
	<script src="js/example.js"></script>
	<!--<script src="js/example1.js"></script>-->
  </body>
</html>
